@media only screen and (min-width: 1025px),
only screen and (min-device-width:1025px) {
    html {
        font-size: 90px;
    }
}

@media only screen and (max-width: 1024px),
only screen and (max-device-width:1024px) {
    html {
        font-size: 160px;
    }
}

@media only screen and (max-width: 960px),
only screen and (max-device-width:960px) {
    html {
        font-size: 150px;
    }
}

@media only screen and (max-width: 800px),
only screen and (max-device-width:800px) {
    html {
        font-size: 125px;
    }
}

@media only screen and (max-width: 768px),
only screen and (max-device-width:768px) {
    html {
        font-size: 120px;
    }
}

@media only screen and (max-width: 760px),
only screen and (max-device-width:760px) {
    html {
        font-size: 118.75px;
    }
}

@media only screen and (max-width: 720px),
only screen and (max-device-width:720px) {
    html {
        font-size: 112.5px;
    }
}

@media only screen and (max-width: 680px),
only screen and (max-device-width:680px) {
    html {
        font-size: 106.25px;
    }
}

@media only screen and (max-width: 640px),
only screen and (max-device-width:640px) {
    html {
        font-size: 100px;
    }
}

@media only screen and (max-width: 600px),
only screen and (max-device-width:600px) {
    html {
        font-size: 93.75px;
    }
}

@media only screen and (max-width: 560px),
only screen and (max-device-width:560px) {
    html {
        font-size: 87.5px;
    }
}

@media only screen and (max-width: 520px),
only screen and (max-device-width:520px) {
    html {
        font-size: 81.25px;
    }
}

@media only screen and (max-width: 480px),
only screen and (max-device-width:480px) {
    html {
        font-size: 75px;
    }
}

@media only screen and (max-width: 414px),
only screen and (max-device-width:414px) {
    html {
        font-size: 64.6875px;
    }
}

@media only screen and (max-width: 400px),
only screen and (max-device-width:400px) {
    html {
        font-size: 62.5px;
    }
}

@media only screen and (max-width: 375px),
only screen and (max-device-width:375px) {
    html {
        font-size: 58.59375px;
    }
}

@media only screen and (max-width: 360px),
only screen and (max-device-width:360px) {
    html {
        font-size: 56.25px;
    }
}

@media only screen and (max-width: 320px),
only screen and (max-device-width:320px) {
    html {
        font-size: 50px;
    }
}